<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>{{shop.title}}</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script type="text/javascript">
    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',
        recalc = function () {
          var screenWidth = window.screen.width
          var clientWidth = docEl.clientWidth
          if (!clientWidth) return
          if (clientWidth >= screenWidth) {
            docEl.style.fontSize = '100px'
          } else {
            docEl.style.fontSize = 100 * (clientWidth / screenWidth) + 'px'
          }
        }
      if (!doc.addEventListener) return
      win.addEventListener(resizeEvt, recalc, false)
      doc.addEventListener('DOMContentLoaded', recalc, false)
    })(document, window)
    window.shop_info = {
      title: '{{shop.title}}',
      desc: '{{shop.desc}}',
      pc_extra_html: '{{shop.pc_extra_html}}',
      pc_css: '{{shop.pc_css}}',
      pc_logo: '{{shop.pc_logo}}',
      wechat_qrcode: '{{shop.wechat_qrcode}}'
    }
  </script>
  <style>
    .btn-suggest {
      position: fixed;
      opacity: 0.8;
      right: 30px;
      bottom: 30px;
      width: 100px;
      height: 100px;
      background: #777;
      color: #fff;
      text-align: center;
      line-height: 100px;
      font-size: 14px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 100;
      text-decoration: none;
      box-sizing: border-box;
      letter-spacing: 2px;
      text-rendering: optimizeLegibility;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
  </style>
</head>

<body>
  <div id="app"></div>
  <!-- <a href="/#/suggest" class="btn-suggest">投诉建议</a> -->
  <!-- built files will be auto injected -->
</body>

</html>